<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>美容师详情</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link type="text/css" rel="stylesheet" media="screen" href="__APP__/css/style.css"/>
    <link type="text/css" rel="stylesheet" media="screen" href="__APP__/css/media.css"/>
    <script type="text/javascript" src="__APP__/js/jquery-1.9.1.min.js"></script>
    <script src="__APP__/js/TouchSlide.1.1.js"></script>
    <script type="text/javascript">
	  $(function(){
		 $(".beautylist_sec li").click(function(){
			 $(this).children().children().children().children().eq(0).children('label').css('background','url(__APP__/images/radio.png) 100% 50% / auto 100% no-repeat');
			 
			 });
	  });
	  $(function(){
		tab(".ul_new li",".tab_box",1)
		tab(".dsd li",".tab_box2",1)
		tab(".dsds li",".tab_box2s",1)
		})
		function tab(a,b,c){
			if(c==1){
				   $(a).click(function(){  
					   var index = $(this).index();
					   $(this).addClass("on").siblings().removeClass("on");
					   $(b).hide();      
					   $(b+":eq("+index+")").show();
					   
					})}      
				else{
					 $(a).hover(function(){  
					   var index = $(this).index();
					   $(this).addClass("on").siblings().removeClass("on");
					   $(b).hide();      
					   $(b+":eq("+index+")").show();
					})
					}        
			}
	</script>
    <style>
	
	</style>
</head>
<body style="background:#f7f7f9;">
    <header class="detail_head">
       <div class="btylistmain womenmain detailhead">
          <h2><img src="__APP__/images/btylist_03.png"></h2>
          <dd>
              <h3><span>{$item.name}</span></h3>
              <h3><if condition="$beautician['start']">
             		<for start="0" end="$beautician['start']">
             		<i></i>
             		</for>
             	</if><label>{$item.service_total}次服务</label></h3>
              <h3><strong>专业：{$item.professional_score}分</strong><strong>守时：{$item.punctuality_score}分</strong><strong>沟通：{$item.communication_score}分</strong></h3>
           </dd>
       </div>
       <div class="btylistmain detailmain">
           <h2><img src="__APP__/images/btylist_01.jpg"></h2>
           <dd>
              <h3><span>越秀区娇莉芙美容院</span></h3>
              <h3><i></i><i></i><i></i><i></i><i></i><a href="tel:{$item.mobile}"></a></h3>
              <h3><span>越秀区应元路越秀山体山体育山体育山体育5</span><label>156m</label></h3>
           </dd>
        </div>
        <div class="appraise">
           <h1>顾客评价：<span>{$item.comment_total}</span><label></label></h1>
        </div>
    </header>
 	<section class="mrs_detailsec">
         <div class="tab">
            <ul class="ul_new">
              <li class="on"><a href="javascript:;">服务项目</a></li>
              <li><a href="javascript:;">人个简介</a></li>
              <div class="huiline"></div>
            </ul>
            <div class="tab_box bd">
               <ul class="beauty_sec_navlist" >
                    <foreach name="serviceList" item="service">
			  			<li>
					      <a href="{:U('/ServiceItem/detail/id/'.$item ['id'])}">
					      <div class="navlist_main">
					            <div class="zhekou">
					              <img src="__APP__/images/beautycare_04.png">
					            </div>
					            <div class="xiangmu">
					              <img src="__APP__/images/beautycare_06.jpg" >
					            </div>
					            <div class="tittle">
					              <h2>{$service.service_name}</h2>
					              <span>{$service.service_time}分钟</span>
					            </div>
					      </div>
					      <div class="navlist_bottom">
					            <h2>{$service.effect}</h2>
					            <span>￥{$service.price}</span>
					            <label>{$service.purchases_total}人做过</label>
					      </div>
					      </a>
					    </li>
			  		</foreach>
               		<a href="meirongshi_xmlist.html" class="btn mrs_detainbtn">更多项目<img src="__APP__/images/beautydetail_06.png"></a>
            	</ul>
            </div>
            <div class="tab_box box_two" style="display:none" >
                <ul class="personal">
					<p>{$item.desc}</p>
                    <h1>认证证书</h1>
                    <div class="certificate">
                        <ul>
                        	<foreach name="photos" item="photo">
                          		<li><img src="__UPLOADS__/Certification/{$photo.upload_number}/{$photo.img_name}"</li>
                          	</foreach>
                        </ul>
                    </div>
                </ul>
                <div class="workexp">
                   <h1>工作经历</h1>
                   <foreach name="experiences" item="experience">
                   <dd>
                      <i></i>
                      <h2>{$experience.start} - {$experience.end}</h2>
                      <span>{$experience.beauty_parlor_name}</span><label>{$jobTitles[$experience['job_title_id']]}</label>
                   </dd>
                   </foreach>
                </div>
            </div>
         </div>
	</section>
    <footer class="mrs_order">
          <a href="{:U('Beautician/selectBeautician/id/'.$item['bp_id'])}">预约美容师</a>
    </footer>
</body>



</html>